<template>
  <div class="wrap">
    <h2>以下文档可供下载</h2>
    </ul>
      <li><a href="">新药店接口</a></li>
      <li><a href="">药店管理系统IE读卡器安装</a></li>
      <li>
        <a href="">药店业务管理系统说明书</a>
        <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :on-preview="handlePreview" :on-remove="handleRemove" :file-list="fileList">
        <el-button size="small" type="primary">点击上传</el-button>
      </el-upload>
      </li>
    </ul>
  </div>
</template>
<script>
export default {
   data() {
      return {
        fileList: [{name: 'food.jpeg', url: ''}]
      };
    },
    methods: {
      handleRemove(file, fileList) {
        console.log(file, fileList);
      },
      handlePreview(file) {
        console.log(file);
      }
    }
}

</script>
<style scoped lang="scss">
.wrap h2{
  padding: 5px 0;
  background: #7FC1E6;
  font-size:16px;
  color:#fff;
}
.wrap /deep/ li {
  float: none;
  display: block;
}
</style>
